<template>
    <fieldset>
        <legend>这是列表</legend>
        <ul>
            <li v-for="item in list" :key="item._id">
                <router-link :to="{path:`/detail/${item.productId}`}">{{item.productName}}</router-link>
            </li>
        </ul>
    </fieldset>
</template>

<script>
// 1, 请求列表数据
// 2, 渲染列表数据
// 3, 携带参数id
    export default { 
        data () {
            return {
                list:[]
            }
        },
        mounted () {
            // console.log(this.$route);
            fetch('http://chst.vip:1234/api/getmoneyctrl')
            .then(body=>body.json())
            .then(res=>{
                // console.log(res.result);
                this.list = res.result
            })
        }
    }
</script>
